
	$main-color:#E38546;
	$main-color--dark:#C25710;
	$main-color--light:#EBA87C;
	
	@mixin border-four-roundings{
		border-radius: 10px;
		border: 1.5px solid #383838;
	}
	
	@mixin border-three-roundings{
		border-radius: 0px 10px 10px 10px;
		border: 1.5px solid #383838;
	}
	
	.flex--row{
		display:flex;
		flex-direction: row;
	}
	
	.flex--col{
		display:flex;
		flex-direction: column;
	}
	
	.flex--between{
		justify-content: space-between;
	}

	
	.flex--align-center{
		align-items: center;
	}
	
	.flex--align-baseline{
		align-items: baseline;
	}
	
	.flex--gap-20{
		gap:20px;
	}
	
	.flex--grow__1{
		flex:1;
	}
	
	.flex--grow__2{
		flex:2;
	}
	
	.flex--shrink-0{
		flex-shrink:0;
	}
	
	.icon--small{
		width: 16px;
		height: 16px;
	}
	
	.icon{
		width: 24px;
		height: 24px;
	}
	
	.icon--middle{
		width: 36px;
		height: 36px;
	}
	
	.icon--large{
		width: 64px;
		height: 64px;
	}
	
	.avatar{
		border-radius:100%;
	}
	
	.icon-group{
		padding:10px 0;
	}
	
	.input--line{
		border-bottom: 1px solid rgba(66, 65, 65, 1);
		display: flex;
		letter-spacing: 0px;
		color: #333;
	}
	
	.input--down{
		border:none;
	}
	
	.image-max-width{
		width:100%;
		height:100%;
	}
	
	.primary-heading--main{
		color:inherit;
		font-size:32px;
		font-weight: 900;
		letter-spacing: 0.8px;
		line-height: 1.2;
		
		margin-bottom: 12px;
	}
	
	.secondary-heading--main{
		color:inherit;
		font-size:24px;
		font-weight: 600;
		letter-spacing: 0.2px;
		
		margin-bottom: 8px;
	
	}
	
	.third-heading--main{
		font-size:18px;
		font-weight: 700;
		line-height: 1.2;
	}
	
	.third-heading--sub{
		font-weight: 500;
		margin-top:auto;
	}
	
	.text__main{
		font-size:20px;
		font-weight: 700;
		
	}
	.text__sub{
		font-size:16px;
		font-weight: 500;
	}
	
	.margin__right--4{
		margin-right: 4px;
	}
	
	.text-ellipsis{
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		width:100%;
	}
	
	
	.popup{
		z-index:9999;
		background-color: #fff;
		
		&--absolute{
			position:absolute;
		}
		
		&--fixed{
			position:fixed;
		}
		
		&--mask{
			@include border-four-roundings;
			width:75%;
			position:absolute;
			top:50%;
			left:50%;
			transform:translate(-50%,-50%);
			
			padding:20px;
		}
		
		&--content{
			width:100%;
			border-radius:8px;
		}
		
		&--img{
			text-align:center;
		}
		
		&--text{
			text-align:center;
			font-size: 16px;
			color:rgba(232, 89, 12, 0.8);
			font-weight: 700;
		}
	}
	





	